/*
 * @Description: 定义 food 类
 * @notes: 
 * @Author: 本火山
 * @Date: 2024-03-26 17:30:45
 * @LastEditors: 本火山
 * @LastEditTime: 2024-03-26 17:31:02
 */

class Food {
    // 定义一个属性表示食物所对应的元素
    element: HTMLElement;
    constructor() {
        // 获取 dom 元素赋值
        this.element = document.getElementById('food')!;// 加叹号表示不为空
    }

    // 定义一个获取食物 X 轴坐标的方法
    get X() {
        return this.element.offsetLeft;
    }

    // 定义一个获取食物 Y 轴的坐标的方法
    get Y() {
        return this.element.offsetTop;
    }

    // 修改食物位置的方法
    change() {
        // 生成一个随机的位置
        // 食物的位置 最小 0 最大 290 
        // 蛇移动一次是一格 一格的大小就是 10，所以要求食物的坐标是10的倍数
        let left = Math.round(Math.random() * 29) * 10;
        let top = Math.round(Math.random() * 29) * 10;
        // Math.floor(Math.random() * 30) * 10; // 向下取整
        this.element.style.left = left + 'px';
        this.element.style.top = top + 'px';
    }

}
export default Food;